{% extends '__base.tpl' %}

{% block head %}
<!-- build:css -->
    <link rel="stylesheet" href="../../../public/css/page/login.css">
<!-- endbuild -->
{% endblock %}

{% block body %}
    <div id='box'>
     <!--注册表单start-->
    <div class="regis">
        <h1><img src="../../../public/images/leftTitle.jpg"></h1>
        <div class="regisDiv">
            <span class="login-item">
                <img src="../../../public/images/regisLeft.jpg">
            </span>
            <span class="login-item">
                <h3><img src='../../../public/images/logoTag.jpg'>注册编程达人</h3>
                <form action="/">
                    <div>
                        <input type="text" id="tel" placeholder="手机号" />
                        <div class="wrong-tips">请输入正确的手机号</div>
                        <div class="inputSelect">
                             <input type="text" id="code" placeholder="验证码" />
                             <button  onclick="BASE.LOGIN.getCode.call(this,1)" type="button">获取验证码</button>
                        </div>
                        <div class="wrong-tips">密码为6-12位字母加数字的组合</div>
                        <input type="text" id="ycode" placeholder="邀请码(非必填)" />
                        <div class="inputSelect">
                             <input type="text" onkeydown="BASE.keyEnter(BASE.LOGIN.login)"  id="learnType" placeholder="兴趣方向(非必填)" style="text-overflow:ellipsis" readonly="readonly"/>
                             <button type="button" onclick="BASE.LOGIN.getInterest(this)">选择</button>
                        </div>
                        <input class="regisSubmit" type="button" onclick="BASE.LOGIN.register(this)" value="注册用户">
                        <div class="wrong-tips"></div>
                    </div>
                </form>
                <p class="clause clearfix">
                    <b class="fleft">
                        <label>
                            <input type="checkbox" class="checkbox" checked disabled>
                            我已阅读并同意相关服务条款和隐私政策
                        </label>
                    </b>
                    <small>
                        <a href ='javascript:history.back()'>返回登录</a>
                    </small>
                </p>
            </span>
        </div>
    </div>
    <!--注册表单end-->
    <!--兴趣方向start-->
     <div class="selectPopup hide" id="interestSelect">
            <h3>
                方向选择
                <a href="javascript:;" onclick="BASE.LOGIN.savaInterest(false)">
                    <img src='../../../public/images/close.jpg'>
                </a>
            </h3>
            <div class="clearfix fleft" id="insterestList" style="max-height:380px;
    overflow: auto;"></div>
            <script id="insterestList_tpl" type="text/html">
                <% each list as arr i %>
                <div class="col-4">
                    <b data-id="<% arr.id %>"><% arr.name %></b>
                </div>
                <div class="col-8">
                    <% each arr.child as child i %>
                    <b class="insterest" data-id="<% child.id %>"><% child.name %></b>
                    <%/each %>
                </div>
                <%/each %>
            </script>
            <div id="insterestSelected"></div>
           <script id="insterestSelected_tpl" type="text/html">
               <div class="col-4" style="margin-top:36px;">
                   <b class="selectPopupNow">当前选择：</b>
               </div>
               <div class="col-8 arrOut">
                   <% each list as arr i %>
                    <% arr.name %>，
                   <%/each %>
               </div>

           </script>
            <div class="col-12">
                <button class="btnS" onclick="BASE.LOGIN.savaInterest(true)">保存</button>
            </div>
        </div>
    <!--兴趣方向end-->
</div>
{% endblock %}
